* {
    margin: 0;
    padding: 0;
}

.box {
    width: 100%;
   
}

.head {
    width: 100%;
    height: 450px;
}

/* 导航 */
.head-nav {
    width: 100%;
    height: 50px;
    line-height: 50px;
    position: absolute;
    z-index: 999;
    display: flex;
    justify-content: space-around;
    background-color: rgba(0, 0, 0, 0.1);
}
.nav-nav{
    width: 90%;
    height: 50px;
    position: relative;
    z-index: 999;
}
.p-immg{
    width: 3%;
    height: 25px;
    display: none;
}
.nav-1-1{
    width: 100%;
    height: 100%;
    display: flex;
}
.nav-logo {
    width: 10%;
    height: 100%;
}

.log-img {
    width: 100%;
    height: 100%;
}

.title {
    width: 15%;
    text-align: center;
    color: white;
}
a{
    text-decoration: none;
    color: white;
}
.title:hover {
    font-size: 15px;
}
.search{
    margin-top: 10px;
}

.search input {
    height: 30px;
    border-radius: 50px;
    padding-left: 20px;
}

/* 图片 */
/* 轮播图 */
.image {
    width: 100%;
    height: 100%;
}

.swiper {
    width: 100%;
}

/* .head-img{
    width: 100%;
    height: 100%;
}
img{
    width: 100%;
    height: 100%;
} */
/* 新闻公告 */
.News {
    width: 100%;
    height: 650px;
    padding-top: 30px;
    background: linear-gradient(to bottom, #fff, #d7d7d7);
}

.news-title {
    width: 90%;
    margin: auto;
    text-align: center;
}

.news-title div:nth-child(1) {
    font-weight: bolder;
    background: -webkit-linear-gradient(#f1f1f1, #d7d7d7);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.news-title div:nth-child(2) {
    color: #c90c0c;
    font-size: 20px;
    font-weight: bolder;
    position: relative;
    top: -25px;
}

.news-cent {
    width: 90%;
    margin: auto;
}

.cent-n {
    width: 100%;
}

.cen-box {
    width: 100%;
    display: flex;
    justify-content: space-evenly;
}

.cent-left {
    width: 48%;
    height: 300px;
}

.cent-left img {
    width: 100%;
    height: 100%;
}

.cent-right {
    width: 48%;
    background-color: white;
    border-radius: 10px;
}

.cr-title {
    font-weight: bolder;
    margin: 10px 20px;
}

.line {
    width: 100%;
    align-items: center;
    display: flex;
    justify-content: space-evenly;
}

.line1 {
    width: 70%;
    height: 2px;
    background-color: rgba(0, 0, 0, 0.1);

}

.day {
    color: #dd6e6e;
}

.cr-cent {
    width: 95%;
    margin: auto;
    margin-top: 30px;
}

.cr-botom {
    position: relative;
    bottom: -80px;
    display: flex;
    justify-content: space-between;
}

.cr-botom img {
    width: 30px;
    height: 30px;
    padding-left: 20px;
}

.cr-botom img:hover {
    filter: drop-shadow(0 0 0 red);
}

.cr-botom img:nth-child(1) {
    padding-right: 20px;
}

.cr-botom img:nth-child(2) {
    padding-left: 450px;
    transform: rotate(180deg);
    /* 旋转45度 */
}

.num {
    margin-right: 30px;
}

.fi {
    font-size: 25px;
    color: #c90c0c;
}

.news-bot {
    width: 97%;
    margin: auto;
    margin-top: 40px;
    display: flex;
    justify-content: space-between;
}

.nb-left,
.nb-cent,
.nb-right {
    width: 32%;
    height: 160px;
    background-color: white;
    border-radius: 10px;
}

.nb-left:hover {
    color: red;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.5);
}

.nb-cent:hover {
    color: red;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.5);
}

.nb-right:hover {
    color: red;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.5);
}

.nl-bo {
    width: 95%;
    height: 100%;
    margin: auto;
    position: relative;
}

.nb-title {
    margin-top: 35px;
    margin-bottom: 15px;
    font-size: 16px;
}

.nb-cen {
    font-size: 12px;
}

.nb-day {
    position: absolute;
    bottom: 50px;
    right: 20px;
}

.news-d {
    width: 100%;
    height: 20px;
    line-height: 20px;
    margin-top: 30px;
    margin-bottom: 100px;
    text-align: center;
    color: silver;
}

.news-d img {
    width: 1%;
    transform: rotate(180deg);
}

.news-d img:hover {
    width: 1%;
    filter: drop-shadow(0 0 0 red);
    transform: rotate(180deg);
}

/* 党建引领 */
.Party {
    width: 100%;
}

.party-title {
    width: 90%;
    margin: auto;
    margin-top: 30px;
    text-align: center;
}

.party-title div:nth-child(1) {
    font-weight: bolder;
    background: -webkit-linear-gradient(#f1f1f1, #d7d7d7);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.party-title div:nth-child(2) {
    color: #c90c0c;
    font-size: 20px;
    font-weight: bolder;
    position: relative;
    top: -25px;
}

.party-box {
    width: 90%;
    margin: auto;
    display: flex;
    justify-content: space-between;

}

.pab-left {
    width: 33%;
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
}

.pab-left1 {
    width: 33%;
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
}
.pab-left:hover {
    border-bottom: 5px solid red;
}
.pab-left1:hover {
    border-bottom: 5px solid red;
}

.party-box div img {
    width: 100%;
    height: 200px;
}

.pl-bo {
    width: 95%;
    margin: auto;
    height: 100px;
    margin-top: 10px;
    display: flex;
    justify-content: space-between;
}

.bo-le {
    width: 18%;
    height: 60px;
    text-align: center;
    color: white;
    background-color: #e47f7f;
}

.bo-le:hover {
    background-color: #c90000;
}

.bo-le div:nth-child(1) {
    font-size: 20px;
}

.bo-ri {
    width: 80%;
    height: 70px;
}

/* 教研动态 */
.research {
    width: 100%;
    height: 500px;
    background: url("/img/7.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #fafafa;
}

.resea-title {
    width: 90%;
    margin: auto;
    margin-top: 30px;
    text-align: center;
}

.resea-title div:nth-child(1) {
    font-weight: bolder;
    background: -webkit-linear-gradient(#f1f1f1, #d7d7d7);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.resea-title div:nth-child(2) {
    color: #c90c0c;
    font-size: 20px;
    font-weight: bolder;
    position: relative;
    top: -25px;
}

.rese-box {
    width: 90%;
    margin: auto;
}

.rese-cen {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.res-lift {
    width: 49%;
    position: relative;
}

.res-lift div {
    width: 100%;
}

.res-lift div img {
    width: 100%;
    height: 315px;
}

.res-lift div:nth-child(2) {
    height: 50px;
    text-align: center;
    line-height: 50px;
    color: white;
    position: absolute;
    bottom: 5px;
    background-color: rgba(0, 0, 0, 0.5);
}

.res-right {
    width: 49%;
}

.res-right div {
    width: 100%;
}

.rest-ul {
    width: 90%;
    margin: auto;
}

.rest-ul li {
    width: 100%;
    height: 63px;
    border-bottom: 1px solid silver;
    line-height: 63px;
}

.rest-ul li:hover {
    color: red;
}

.res-day {
    padding-left: 300px;
}

/* 社会服务 */
.Social {
    width: 100%;
}

.social-title {
    width: 90%;
    margin: auto;
    margin-top: 30px;
    text-align: center;
}

.social-title div:nth-child(1) {
    font-weight: bolder;
    background: -webkit-linear-gradient(#f1f1f1, #d7d7d7);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.social-title div:nth-child(2) {
    color: #c90c0c;
    font-size: 20px;
    font-weight: bolder;
    position: relative;
    top: -25px;
}

.cocia-box {
    width: 90%;
    margin: auto;
    display: flex;
    justify-content: space-between;
}

.soc-left {
    width: 49%;
}

.soc-right {
    width: 49%;
}

.soc-left img {
    width: 100%;
    height: 260px;
}

.soc-cen {
    margin-top: -5px;
    padding: 10px 10px;
    border: 1px solid #c90c0c;
}

.soc-cen div:nth-child(1) {
    font-weight: bolder;
    font-size: 20px;
}

.soc-cen div:nth-child(2) {
    margin: 10px 0px;
}

.soc-cen div:nth-child(3) {
    width: 100%;
    height: 20px;
    display: flex;
}

.soc-cen div:nth-child(3) div {
    margin-top: 0px;
    margin-left: 10px;
}

.soc-cen div:nth-child(3) img {
    width: 5%;
    height: 20px;
}

.socr-top {
    width: 100%;
    height: 190px;
    margin-bottom: 8px;
    text-align: center;
    display: flex;
    border: 1px solid silver;
}

.socr-top img {
    width: 20%;
    height: 120px;
    margin-left:15%;
    margin-top: 30px;
}
.socr-bottom img {
    width: 20%;
    height: 120px;
    margin-left:15%;
    margin-top: 30px;
}
.so-t{
    color: #c90000;
    font-weight: bolder;
    font-size: 30px;
    margin-top: 80px;
    margin-left: 20px;
}
.socr-bottom {
    width: 100%;
    height: 190px;
    text-align: center;
    display: flex;
    border: 1px solid silver;
}
.news-d11{
    display: none;
}
/* 主题活动 */
 .box4 {
    height: 560px;
    margin-top: 20px;
    padding-top: 20px;
    position: relative;
    background-color: #f8e5e6;
  }
  .box4 .box4title {
    text-align: center;
    padding-top: 20px;
    position: relative;
    margin-bottom: 60px;
  }
  .box4 .box4title .box4title1 {
    background: linear-gradient(to bottom, rgb(207, 206, 206), rgb(255, 255, 255));
    /* 设置背景以文字进行裁切 */
    background-clip: text;
    -webkit-background-clip: text;
    /* 设置文本颜色透明以露出后面裁切成文本形状的渐变背景 */
    color: transparent;
    font-size: 20px;
    font-weight: bold;
  }
   .box4 .box4title .box4title2 {
    color: #c90000;
    font-weight: bold;
    font-size: 16px;
    position: absolute;
    left: 46%;
    top: 18%;
  }
  .box4 .box4center {
    width: 80%;
    margin: auto;
    height: 380px;
    display: flex;
    justify-content: space-between;
  }
 .box4 .box4center .box4center1 {
    width: 23%;
    border-radius: 25%;
  }
  .box4center1-1font{
    margin-left:-30px;
  }
  .box4 .box4center .box4center1:hover {
    margin-top: -30px;
  }
 .box4 .box4center .box4center1:hover .box4center1-1 .box4center1-1font {
    width: 100%;
    height: 110px;
    text-align: center;
    margin-left: 0px;
    background-color: rgba(168, 197, 226, 0.6);
  }
   .box4 .box4center .box4center1 .box4center1-1 {
    position: relative;
  }
 .box4 .box4center .box4center1 .box4center1-1 img {
    width: 100%;
  }
  .box4 .box4center .box4center1 .box4center1-1 .box4center1-1font {
    position: absolute;
    top: 0;
    width: 311px;
    height: 131px;
    text-align: center;
    color: #fff;
    font-size: 20px;
    padding-top: 80px;
  }
  .box4 .box4center .box4center1 .box4center1-2 {
    background-color: #fff;
    text-align: center;
    padding: 20px 20px 40px;
    font-size: 20px;
  }
   .box4 .box4bottom {
    text-align: center;
    margin: 20px 0 30px;
    color: #c1bfbf;
  }
  .box4 .box4bottom img {
    width: 15px;
    height: 15px;
    -moz-transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
  }
  .box4-d{
    display: none;
  }
  /* 马院风采 */
  .maf{
    width: 100%;
  }
  .maf-title {
    width: 90%;
    margin: auto;
    margin-top: 30px;
    text-align: center;
}

.maf-title div:nth-child(1) {
    font-weight: bolder;
    background: -webkit-linear-gradient(#f1f1f1, #d7d7d7);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.maf-title div:nth-child(2) {
    color: #c90c0c;
    font-size: 20px;
    font-weight: bolder;
    position: relative;
    top: -25px;
}
.maf-ro{
    width: 100%;
}
   .maf-ro .swiper {
    width: 100%;
    height: 100%;
  }
  .maf-ro .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .maf-ro .swiper-slide img {
    display: block;
    width: 90%;
    height: 200px;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .maf-lia{
    width: 90%;
    margin: auto;
    margin-top: 30px;
    margin-bottom: 10px;
  }
  .maf-lia ul{
    width: 100%;
    display: flex;
    justify-content: space-evenly;
  }
  .maf-lia ul li{
    width: 10%;
    height: 30px;
    line-height: 30px;
    list-style-type: none;
  }
  .maf-lia ul li:nth-child(1){
    font-weight: bolder;
    font-size: 20px;
  }
  /* 结尾 */
  .bottom-box{
    width: 100%;
    height: 200px;
    background-color: #c52b30;
    position: relative;
  }
  .bb-cent{
    width: 90%;
    height: 80px;
    display: flex;
    justify-content: space-between;
    position: absolute;
    top: 60px;

  }
  .b-lo{
    width: 33%;
    height: 90%;
    text-align: right;
    border-right: 1px solid white;
  }
  .b-lo img{
    padding-top: 10px;
    padding-right: 10px;
    height:50px;
  }
  .b-das{
    width: 45%;
    height: 80px;
    line-height: 80px;
    text-align: left;
    color: white;
  }
  .b-er{
    width: 7%;
    height: 80px;
    margin-left: 150px;
    position: relative;
    right: 180px;
  }
  .b-er img{
    width: 100%;
    height: 80px;
  }
  .boo-t{
    width: 100%;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 10px;
    color: white;
    position: absolute;
    bottom: 0px;
    background-color: rgba(0, 0, 0, 0.3);
  }
  .newss-d1{
    display: none;
  }